<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>Adam's Google Exercise</title>
    
    <link rel="stylesheet" type="text/css" href="GoogleExercise.css" media="screen" />
    
    <script language="javascript" src="CSSClass.js"></script>
    <script language="javascript" src="GoogleExerciseData.js"></script>
    <script language="javascript" src="GoogleExercise.js"></script>
    
</head>
<body>

    <div id="container-contacts">
        <div class="image-top"></div>
        <div class="container-borders">
            <h2>Contacts</h2>
            <div id="contacts"><span style="padding-left: 10px;">Sorry, your contacts could not be loaded.</span></div>
            <div id="sortby" class="container-sortby"></div>
        </div>
        <div class="image-bottom"></div>
    </div>
    
    <script type="text/javascript">
        //General config object minimizes magic string references, a simple way to keep things tidy
        googleExercise.config = {
            containerIdKey: 'contacts',
            sortByKey: 'sortby',
            displayByClassName: 'container-sortby'
        };
        
        //Loading our module directly in the markup is faster than hooking into the window.onload event, so lets use this method
        googleExercise.Load();
    </script>
    
    <!-- START: You're being tracked :) Ignore me: Google Analytics Stuff -->
    <script type="text/javascript">
        var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
        document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
        </script>
        <script type="text/javascript">
        var pageTracker = _gat._getTracker("UA-3536292-1");
        pageTracker._initData();
        pageTracker._trackPageview();
    </script>
    <!-- END: You're being tracked :) Ignore me: Google Analytics Stuff -->
    
</body>
</html>